<template>
    <div>
        <ue :defaultMsg="defaultMsg" :config="config" :id="ue1"></ue>
        <br/>
        <ue :defaultMsg="defaultMsg" :config="config" :id="ue2"></ue>
    </div>
</template>
<script>
    import UE from '@/components/common/Ueditor.vue';
    export default {
        components: {
            'ue': UE
        },
        data(){
            return {
                defaultMsg: '这里是UE测试',
                config: {
                    initialFrameWidth: null,
                    initialFrameHeight: 350
                },
                ue1: "ue1", // 不同编辑器必须不同的id,
                ue2: "ue2"
            }
        },
        methods: {
            getUEContent() {
                let content = this.$refs.ue.getUEContent(); // 调用子组件方法
                this.$notify({
                    title: '获取成功，可在控制台查看！',
                    message: content,
                    type: 'success'
                });
                console.log(content)
            }
        }
    }
</script>
